<div class="editLayer">
    <div class="PB15 outHide">
      <div class="controlTitle textTitle">编辑器</div>
      <div class="closeLayer"  ng-click="ifShowEditorLayer()"><i class="iconfont bigSize">&#xe608;</i></div>
      <div class="main clear">
        <!-- 加载编辑器的容器 -->
        <script id="edit" name="content" type="text/plain">
          
        </script>
        <script  type = "text/javascript" >
        //   var ue = UE.getEditor('edit',{
        //     toolbars: [
        //     ['simpleupload', 'undo', 'redo', 'bold', 'italic',
        //         'underline','fontborder', 'backcolor', 'fontsize', 'fontfamily',
        //         'justifyleft', 'justifyright','justifycenter', 'justifyjustify',
        //         'strikethrough']
        //     ],
        //     initialFrameWidth : 600,    //设置默认宽
        //     initialFrameHeight: 316    //设置默认高
        //   });
        //   ue.ready(function() {
        //     var html = ue.getContent();   //获取编辑器html内容
        //     $scope.htmlContent=html
        //     console.log(html)
        //  });
      </script>
      </div>  
      <div class="button btns">
        <div class="btnGroup">
          <button class="btn btn-radius btn-lg  back"  ng-click="ifShowEditorLayer()">取消</button>
          <button class="btn btn-radius btn-lg btn-warning" ng-click="sureEvent()">确认</button>
        </div>
        
      </div>
    </div>
  </div>
  <style>
  .edui-default .edui-colorpicker-nocolor{
      height:auto;
  }
  .Layer .layerBody{
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 30px 30px 60px 30px;
  }
  .textTitle {
      margin-top: 30px;
      margin-bottom: 20px;
      font-size: 16px;
      color: #ffb135;
      position: relative;
      padding-left: 10px;
  }
  
  .textTitle:before {
      content: '';
      height: 20px;
      width: 4px;
      background: #ffb135;
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -10px;
  }
  .Layer .layerBody .textTitle{
    margin-top: 0px;
  }
  .Layer .closeLayer{
    width:20px;
    height:28px;
    position:absolute;
    right:30px;
    top:30px;
    cursor: pointer;
  }
  .Layer .btns{
    margin-top: 60px;
  }
  .btns .btnGroup{
      text-align: center;
        width:auto;
        overflow: hidden;
        position: relative;
        left:50%;
        transform: translateX(-50%);
  }
  .btns .back {
      border: 1px solid #ffb135;
      background-color: #ffffff;
      color: #ffb135;
  }
  .editLayer .main{
    width:600px;
    margin-top:40px;
  }
  table{
    margin:0;
    text-align:left;
  }
  table td{
    height:auto;
  }
  </style>